/* 0.网站统一样式 */

/* 设置网站字体的基准大小 */
html {
    font-size: 62.5%;
  }
  
  /* 统一网站的字体基本颜色 */
  body {
    color: #333;

  }
  
  /* 去掉下划线 */
  a {
    text-decoration: none;
    color: #333;
  }
  
  /* 图片依据父容器等比例缩放 */
  img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  
/* 取消标题和列表默认的盒子定义 */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
figure,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
  /* 取消项目符号 */
  li {
    list-style-type: none;
  }
  
  header,
  nav,
  main,
  footer {
    width: 80%;
    margin: 0 auto;
 }
/* 页面定宽容器 */
.w1200 {
  width: 958px;
  margin: 0 auto;
}
/* 页面顶部 */
/* 页面定宽容器 */
.w1200 {
  width: 120rem;
  margin: 0 auto;
}

/* 顶部外边距30px */
.mt30 {
  margin-top: 3rem;
}

/* 顶部外边距20px */
.mt20 {
  margin-top: 2rem;
}

/* 顶部外边距10px */
.mt10 {
  margin-top: 1rem;
}

/* 左浮动 */
.fl{
  float: left;
}

/* 右浮动 */
.fr{
  float: right;
}
/* 1.页面头部 */
header {
    color: #0e0d0d;
    background: #fdfbfb;
  }
  .top-top{
    width: 958px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
    line-height: 0;
}
  /* 1.1 头部导航 */
   .top-nav {
    width: 958px;
    height: 20px;
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    margin: 0 auto;
    /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
    line-height: 0;
  }
  .logo{
    width: 958px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
    line-height: 0;
  }
   
  .top-nav .push-right {
    display: flex;
    margin-left: auto;
  }
  
  .top-nav a {
    color: hsl(0, 3%, 6%);
    padding-right: 1rem;
  }
  
/* 伪元素实现 “｜”的显示 */
.top-nav a:not(:last-of-type)::after {
    content: "|";
    margin-left: 1rem;
    display: inline-block;
  }

  h1 {
    height: 10rem;
  }
  .logo>h1{
    height: 135px;
  }


/* 2.页面导航 */

/* 2.1 主菜单 */
.nav{
  width: 958px;
  height: 4rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #ebebeb;
  margin: 0 auto;
  /* 将normalize.css中line-height:1.15层叠，覆盖掉，用来解决header和navbar之间的距离 */
  line-height: 0;
}
nav>li{
  display: flex;
  width: 100%;
}
nav a {
  display: block; /*从行级元素转换为块级元素*/
  /* margin:  0 auto; */
  /* margin-left: 20px; */
  text-align: center; /*水平居中*/
  /* width: 100%; */
  height: 4rem;
  /* height: 20px; */
  /* height: 16px; */
  line-height: 4rem; /*在单行下与高度一起实现垂直居中*/
  border-right: 1px solid black;
}

/* nav {
  background-color: #ebebeb;
} */

nav ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

nav li {
  flex: 1;
}

nav li > a {
  font-size: 1.6rem;
}
/* 菜单“首页”的默认颜色设置 */
nav>ul>li>a:hover {
  color: red;
  border-right: 1px solid black;
  /* background: #c4420a; */
}
/* 2.2 二级菜单 */
nav ul.sub-menu {
  display: none;
  position: absolute; /* 脱离正常文档流，按照父容器定位*/
}

nav li:hover ul.sub-menu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #c4420a;
  width: calc(120rem / 9);
  /* border-right: 1px solid black; */
  /* width: 60px; */
}

nav ul.sub-menu a {
  color: #fff;
  font-size: 12px;
}

nav ul.sub-menu li:hover > a {
  background-color: #c4430c;
}
.main{
    display: flex;
    width: 958px;
    height: 6585px;
    justify-content: space-around;
  /* align-items: center; */
  margin: 0 auto;
  margin-top: 5px;
  border: 1px solid gray;
}
.left{
    display: flex;
    width: 267px;
    height: 585px;
    justify-content: space-around;
    flex-direction: column;
}

.message-news{
    width: 267px;
    height: 223px;
    border:1px solid grey;
    
  }
  .message-news5{
    width: 267px;
    height: 354px;
    border:1px solid grey;
    
  }
  .message-news>ul>li:nth-child(1){
    display: flex;
    /* width: 100%; */
    height: 30px;
    align-items: center;
    background-image: url(../images/newPic1.gif);
    background-repeat: no-repeat;
  }
  .message-news4>ul>li:nth-child(1){
    
    background-image: url(../images/tzPic2.gif);
  }
  .message-news5>ul>li:nth-child(1){
    
    background-image: url(../images/indexMpic2.gif);
  }


  .right-top{
    display: flex;
  width: 100%;
  height: 30px;
  margin-top: 2px;
  /* border:1px solid grey; */
  }
  .right-top>div:nth-child(1){

    margin-left: 20px;
    margin-right: 8px;
  }
  .right-top>div:nth-child(2){
    width: 200px;
    margin-left: 0px;
  }

  .right-top>div:nth-child(3){
    margin-left: 250px;
  }
  .right>ul>li:nth-child(2)>ul{
    margin-left: 5px;
  }
  .right>ul>li:nth-child(2)>ul>li{
    display: flex;
    width: 651px;
  }
  .right>ul>li:nth-child(2)>ul>li>div{
    display: inline-block;
  }
  .right>ul>li:nth-child(2)>ul>li>a{
    width: 560px;
  }
 .right-bottom{
  font-size: 16px;
 }
  .right-bottom h3{
  text-align: center;
}
.right-bottom div{
  text-align: center;
}
.right-bottom img{
  width: 500px;
  margin-left: 95px;
}
.right-bottom p{
  line-height: 28px;
}

  
  
  .message-news>ul>li:nth-child(1)>div:nth-child(2){
    display: flex;
    /* width: 100px; */
    margin-left: 40px;
    color: white;
  }
  .message-news4>ul>li:nth-child(1)>div:nth-child(2){
    margin-left: 5px;
  }
  .message-news5>ul>li:nth-child(1)>div:nth-child(2){
    margin-left: 25px;
  }
  .message-news>ul>li:nth-child(1)>div:nth-child(3)>a{
    margin-left: 180px;
    color: orange;
  }
  
  
  .message-news4>ul>li:nth-child(1)>div:nth-child(3)>a{
    margin-left: 140px;
    
  }
  .message-news>ul>li:nth-child(1)>div:nth-child(3)>a:hover{
    color: black;
  }
  .message-news a{
    font-size: 8px;
    color: black;
  }
  .message-news a:hover{
    color: red;
  }
  .message-news span{
    font-size: 8px;
  }
  .message-news>ul>li:nth-child(2){
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
  }
  .message-news>ul>li:nth-child(2)>ul>li{
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
    /* margin-top: 5px; */
  }
  .message-news4>ul>li:nth-child(2)>ul>li{
    margin-bottom: 12px;
  }
  .message-news>ul>li:nth-child(2)>ul>li>div:nth-child(1){
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: 12px;
  }
  .message-news>ul>li:nth-child(2)>ul>li>div:nth-child(1)>span{
    align-self: center;
    color: red;
  }
  .message-news>ul>li:nth-child(2)>ul>li>div:nth-child(2){
    width: 300px;
    margin-left: 12px;
  }
  .message-news5>ul>li:nth-child(2){
    display: flex;
    width: 267px;
    height: 320px;
    justify-content: space-around;
  }
  .message-news5>ul>li:nth-child(2)>ul{
    display: flex;
    width: 184px;
    height: 320px;
    justify-content: space-around;
    flex-direction: column;
  }
  .message-news5>ul>li:nth-child(2)>ul>li{
    width: 184px;
    height: 160px;
  }
  .message-news5>ul>li:nth-child(2)>ul>li>a>img{
    width: 180px;
    height: 120px;
  }
  .message-news5>ul>li:nth-child(2)>ul>li>a>div{
    width: 184px;
    height: 20px;
  }
  
  


.right{
    width: 691px;
    height: 585px;
}


footer {
    width: 962px;
    height: 60px;
    background: url(../images/footerbg.gif)  center
      center;
    color: black;
    font-size: 1.4rem;
    padding-top: 1rem;
    
  }
  footer>p{
    text-align: center;
  }
  address{
    margin-top: 10px;
      text-align: center;
  }
  